<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>品质舒适-雅迪钻石电动车 </title>
	<link rel="shortcut icon" href="images/logo.ico"/>
	<!-- fullPage全屏切换插件样式 -->
	<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
	<!-- 描述页头部底部样式 -->
	<link rel="stylesheet" type="text/css" href="css/head&footer.css">
	<!-- 品质舒适页自定义样式 -->
	<link rel="stylesheet" type="text/css" href="css/quality/diamo_quality.css">
	<!-- 品质舒适页动画样式 -->
	<link rel="stylesheet" href="css/quality/quality_animation.css"/>
	<!-- 图标字体样式 -->
	<link rel="stylesheet" href="font/style.css"/>
</head>

<body>
	<!--固定导航区-->
		<div class="ml-nav">
		<div class="center-wrap clearfix">
			<p class="ml-link">
				<a href="diamo_functions.html">功能概述</a>
				<a href="diamo_detail.html">细节设计</a>
				<a class="active-click" href="diamo_quality.html">品质舒适</a>
				<a href="diamo_power.html">动力·安全</a>
				<a href="diamo_parameter.html">规格参数</a>
			</p>
			<a class="buy-now" href="javascript:">立即购买</a>
		</div>
	</div>

	<div id="dowebok">
	<!-- 顶页，导航页面 -->
		<div class="section header fp-auto-height" id="section1">
			<div class="center-wrap clearfix">
				<h1 class="yadea-logo"><a href="home.html">yadea</a></h1>
				<ul class="nav">
					<li><a href="diamo_functions.html">钻石</a></li>
					<li><a href="javascript:">飞翼侠</a></li>
					<li><a href="javascript:">x－极光</a></li>
					<li><a href="javascript:">x－战警侠</a></li>
					<li><a href="javascript:">米思</a></li>
					<li><a href="javascript:">贝贝熊</a></li>
					<li><a href="javascript:">社区</a></li>
					<li><a href="javascript:">服务</a></li>
				</ul>
				<div class="login">
					<a href="javascript:">注册</a>|<a href="javascript:">登陆</a>
				</div>
			</div>
		</div>
	<!-- 第1页，镀铬页面 -->
		<div class="section chrome desc active" id="section2">
			<div class="chrome-bg">
				<img class="chrome-bg1" src="images/3/chrome-bg1.png" alt="chrome-bg1"/>
				<img class="chrome-bg2" src="images/3/chrome-bg2.png" alt="chrome-bg2"/>
			</div>
			<div class="center-wrap">
				<div class="desc chrome-desc">
					<h1>品质－卓尔不群</h1>
					<h2>8级汽车级镀铬部件：质感非凡</h2>
					<p>普通电动车镀铬部件仅4级，钻石电镀部件高达8级，达到汽车水准，光泽闪耀，美观耐磨。</p>
				</div>
				<div class="chrome-img">
					<div class="mask">
						<img alt="gloss" src="images/4/mask.png">
					</div>
					<img src="images/3/chrome.png" alt="car-img" class="car-img1"/>
				</div>
			</div>
		</div>

	<!-- 第2页，烤漆页面 -->
		<div class="section paint" id="section3">
			<div class="center-wrap">
				<div class="desc paint-desc">
					<h1>品质－历久弥新</h1>
					<h2>汽车级烤漆喷涂工艺</h2>
					<p>采用德国巴斯夫进口油漆，汽车级三磨六喷多重工艺，</p>
					<p>色泽靓丽饱满，历久弥新。</p>
				</div>
				<div class="paint-img">
					<img alt="paint" src="images/3/car-0deg.png" class="paint-img1">
				</div>
			</div>
		</div>

	<!-- 第3页，塑件页面 -->
		<div class="section plastic" id="section4">
			<div class="center-wrap">
				<div class="desc plastic-desc">
					<h1>品质－结实耐用</h1>
					<h2>加厚塑件</h2>
					<p>塑件采用优质ABS新料，厚度达2.5mm，</p>
					<p>比普通电动车塑件厚0.3mm，</p>
					<p>更具质感，更结实耐用。</p>
				</div>
				<div class="plastic-img">
					<img alt="plastic" src="images/3/plastic.png">
					<div class="plastic-circle1"></div>
					<div class="plastic-details1">
						<img alt="plastic-details1" src="images/3/plastic-details.png">
					</div>
					<div class="plastic-circle2"></div>
					<div class="plastic-details2">
						<img alt="plastic-details2" src="images/3/plastic-details2.png">
					</div>
				</div>
			</div>
		</div>

	<!-- 第4页，后车架页面 -->
		<div class="section r-frame" id="section5">
			<div class="center-wrap">
				<div class="desc r-frame-desc">
					<h1>品质－品味不凡</h1>
					<h2>磨砂铝合金后衣架</h2>
					<p>采用高档优质铝合金材质铸造，</p>
					<p>经磨砂工艺喷涂而成，品位不凡。</p>
				</div>
				<div class="r-frame-img">
					<img alt="r-frame" src="images/3/car-0deg.png">
				</div>
			</div>
		</div>

	<!-- 第5页，骑行页面 -->
		<div class="section cycling" id="section6">
			<div class="center-wrap">
				<div class="desc cycling-desc">
					<h1>舒适－畅享自由</h1>
					<h2 class="cycling-title2">符合人体工程学的3点坐姿</h2>
					<h2>长途骑行不受累</h2>
					<p class="cycling-text1">钻石依据人机工程，精确计算“三角着力点”（车把、鞍座、脚踏），</p>
					<p>使得驾驶坐姿、膝盖伸展度、肘部弯曲度符合人体最舒适的伸展</p>
					<p>角度，确保长时间驾驶不疲劳。</p>
				</div>
				<div class="cycling-img">
					<div class="triangle-img">
						<div class="triangle circle1"></div>
						<div class="triangle line1"></div>
						<div class="triangle circle2"></div>
						<div class="triangle line2"></div>
						<div class="triangle circle3"></div>
						<div class="triangle line3"></div>
					</div>
					<img alt="cycling" src="images/1/cycling.png">
				</div>
			</div>
		</div>

	<!-- 第6页，鞍座页面 -->
		<div class="section saddle desc" id="section7">
			<div class="center-wrap">
				<div class="desc saddle-desc">
					<h1>舒适－舒适自然</h1>
					<h2>高弹性舒适鞍座</h2>
					<p>采用最新高弹性柔软耐用材料鞍座，</p>
					<p>根据人体工学设计坐垫形状，无论骑行或乘坐，都舒适自然。</p>
				</div>
				<div class="saddle-img">
					<img src="images/3/car-60deg.png" alt="car-60deg"/>
				</div>
			</div>
		</div>

	<!-- 第7页，shock页面 -->
		<div class="section shock" id="section8">
			<div class="center-wrap">
				<div class="desc shock-desc">
					<h1>舒适－不惧颠簸</h1>
					<h2>弹簧液压可调后减震</h2>
					<p>减震受力倾角经过科学计算，使得减震效果更好，</p>
					<p>使用寿命更长；可根据不同使用情况调整减震系数，</p>
					<p>确保最佳减震效果。</p>
				</div>
				<div class="shock-img">
					<img src="images/3/car-300deg.png" alt="car-img" class="car-img1"/>
				</div>
			</div>
		</div>
	<!-- 底部、页底 -->
		<div class="section footer fp-auto-height" id="footer">
			<div class="footer-warp">
				<div class="yadea-row text1-color">
					<div class="col-1">
						<dl>
							<dt>选购及了解</dt>
							<dd><a href="#">售卖车型</a></dd>
							<dd><a href="#">配件商城</a></dd>
						</dl>
					</div>
					<div class="col-1">
						<dl>
							<dt>关于我们</dt>
							<dd><a href="#">了解雅迪</a></dd>
							<dd><a href="#">加入我们</a></dd>
							<dd><a href="#">法律申明</a></dd>
						</dl>
					</div>
					<div class="col-1">
						<dl>
							<dt>售后帮助</dt>
							<dd><a href="#">购买指南</a></dd>
							<dd><a href="#">支付方式</a></dd>
							<dd><a href="#">配送政策</a></dd>
						</dl>
					</div>
					<div class="col-2 contact">
						<ul>
							<li class="mobile-cont">
								<ul>
									<li>
										<a href="#" class="weibo-tel">
											<i class="icon-weibo"></i>
										</a>
									</li>
									<li>
										<a href="#" class="QQ-tel">
											<i class="icon-QQ"></i>
										</a>
									</li>
									<li>
										<a href="#" class="weixin-tel">
											<i class="icon-weixin"></i>
										</a>
									</li>
								</ul>
							</li>
							<li class="tel-cont">
								<p class="hot-line">全国服务热线</p>
								<p class="hot-tel">400-600-9566</p>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="copyright center-wrap">
				<p>雅迪，更高端的电动车 © 2014 雅迪科技集团销售有限公司 版权所有 苏ICP备14024626号-1</p>
			</div>
		</div>
	</div>

	<!-- 全屏切换插件代码 -->
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.fullPage.js"></script>
	<script>
	$(function(){
		var $mlNav = $('.ml-nav');
		$('#dowebok').fullpage({
			verticalCentered: !1,
			anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8'],
			navigation: !0,
			navigationTooltips: ['导航', '部件', '烤漆', '塑件', '后车架', '骑行', '鞍座', '减震' ],
			menu:"#menu",
			onLeave: function(index, nextIndex, direction){
				if(index == 2 && direction == 'up'){
					$mlNav.animate({
						top: 80
					}, 680);
					$("#section2").addClass("fixed");
				} else if(index == 1 && direction == 'down') {
					$mlNav.animate({
						top: 0
					}, 400);
					$("#section2").removeClass("fixed");
				}
				if(index == 8 && direction == 'down'){
					$("#section8").addClass("fixed");
				} else {
					$("#section8").removeClass("fixed");
				}
			}
		});
	})
	</script>
</body>
</html>